/*
      | Screen2 ç‚¹ç‚¹åŠ¨ç”»
      */
  function showpopicon() {
    $('#index2icon span').removeClass('on');
    $('#index2icon span').eq(popIndexOfScreen).addClass('on');
    $('#index2icon').show();
    isScreenInMove = 0;
  }

  /*
      | Screen2 èˆ‡ slide åŠ¨ç”»
       */
  function inSlide(x) {
    if (x === popIndexOfScreen) {
      // ..
    } else if (x > popIndexOfScreen) {
      // æ´»åŠ¨å‰å®šä½
      $('.indexcut2item').eq(x).children('.hidetext').css('left', '100%').css('z-index', '9999').show();
      $('.indexcut2item').eq(popIndexOfScreen).children('.hidetext').css('z-index', '9998');
      // å¼€å§‹æ»‘åŠ¨
      $('.indexcut2item').eq(x).children('.hidetext').animate({ left: 0 }, 500, () => {
        $('.indexcut2item').eq(popIndexOfScreen).children('.hidetext').hide();
        popIndexOfScreen = x;
        showpopicon();
      });
    } else {
      // åŠ¨ç”»å¾€å³æ»‘
      // æ´»åŠ¨å‰å®šä½
      $('.indexcut2item').eq(x).children('.hidetext').css('left', '-100%').css('z-index', '9999').show();
      $('.indexcut2item').eq(popIndexOfScreen).children('.hidetext').css('z-index', '9998');
      // å¼€å§‹æ»‘åŠ¨
      $('.indexcut2item').eq(x).children('.hidetext').animate({ left: 0 }, 500, () => {
        $('.indexcut2item').eq(popIndexOfScreen).children('.hidetext').hide();
        popIndexOfScreen = x;
        showpopicon();
      });
    }
  }
  /*
      | Screen2 Startï¼Œç¬¬äºŒå±è¿›å…¥
      */
  function secondScreenStart() {
    if (isMobileDevice === 0) {
      // æ¡Œæœºè£…ç½®
      // äº‹ä»¶åˆå§‹åŒ–
      $('.indexcut2item').off('click');
      $('.indexcut2item .hidetext .closeclick').off('click');
      $('#index2icon span').off('click');

      $('.indexcut2item').on('mouseenter', function () {
        const index = $('.indexcut2item').index($(this));
        for (let i = 0; i < 4; i += 1) {
          const moreon = 0;
          if (i === index) {
            $('.indexcut2item').eq(i).children('.itembg').stop().fadeIn(300);
            if (moreon === 1) {
              $('.indexcut2item').eq(i).children('.hidetext').stop().delay(500).fadeIn(500);
            } else {
              $('.indexcut2item').eq(i).children('.destext').stop().delay(500).fadeIn(500);
            }
            $('.indexcut2item').eq(i).children('.titletext').stop().hide(); // .fadeOut(200);
            $('.indexcut2item').eq(i).stop().animate({ width: '54.5%' }, 300);
          } else {
            $('.indexcut2item').eq(i).children('.titletext').stop().show();
            $('.indexcut2item').eq(i).stop().animate({ width: '14.5%' }, 300);
          }
        }

        $(this).find('.destext .more').click(function () {
          // moreon = 1;
          $(this).parents('.destext').stop().fadeOut(500);
          $(this).parents('.destext').siblings('.hidetext').stop().fadeIn(500);
        });
        $('.indexcut2item .hidetext .more').click(function () {
          // moreon = 0;
          $(this).parents('.hidetext').stop().fadeOut(500);
          $(this).parents('.hidetext').siblings('.destext').stop().fadeIn(500);
        });
      });

      $('.indexcut2item').on('mouseleave', () => {
        $('.indexcut2item .titletext').stop().show();
        $('.indexcut2item').children('.itembg').stop().hide();
        $('.indexcut2item .destext').stop().hide();
        $('.indexcut2item .hidetext').stop().hide();
        $('.indexcut2item').stop().animate({ width: '24.5%' }, 500);
      });
    } else if (isMobileDevice === 1) {
      // æ‰‹æŒè£…ç½®
      // tap($(".indexcut2item"), function(e) {


      //     // æ‰‹æŒè£…ç½®æ‰ä¼šå‡ºçŽ°
      //     if (isMobileDevice > 0 && isPopBlockShowed == 0) {


      //         popIndexOfScreen = $(".indexcut2item").index(e);

      //         showpopicon();
      //         if (e.find(".hidetext").css("display") == "block") {

      //         } else {

      //             e.find(".hidetext").fadeIn();

      //         }
      //         isPopBlockShowed = 1;
      //     }
      //     return false;


      // });

      // tap($(".indexcut2item .hidetext .closeclick"), function(e) {

      //     if (isMobileDevice > 0) {

      //         e.parents(".hidetext").fadeOut();
      //         $("#index2icon").hide();
      //         $("#index2icon span").removeClass("on");
      //         isPopBlockShowed = 0;

      //     }
      //     return false;
      // });
      // tap($("#index2icon span"), function(e) {
      //     if (isScreenInMove == 0) {
      //         $("#index2icon").hide();
      //         let index = $("#index2icon span").index(e);
      //         isScreenInMove = 1;
      //         inSlide(index);


      //     }
      //     return false;
      // });

      $('.indexcut2item').on('click', function () {
        // æ‰‹æŒè£…ç½®æ‰ä¼šå‡ºçŽ°
        if (isMobileDevice > 0 && isPopBlockShowed === 0) {
          isPopBlockShowed = 1;
          popIndexOfScreen = $('.indexcut2item').index($(this));
          showpopicon();
          if ($(this).children('.hidetext').css('display') === 'block') {
            // ..
          } else {
            $(this).children('.hidetext').fadeIn();
          }
        }
        return false;
      });

      $('.indexcut2item .hidetext .closeclick').on('click', function () {
        if (isMobileDevice > 0) {
          $(this).parents('.hidetext').fadeOut();
          $('#index2icon').hide();
          $('#index2icon span').removeClass('on');
          isPopBlockShowed = 0;
        }
        return false;
      });
      $('#index2icon span').on('click', function () {
        if (isScreenInMove === 0) {
          $('#index2icon').hide();
          const index = $('#index2icon span').index($(this));
          isScreenInMove = 1;
          inSlide(index);
        }
        return false;
      });
    } else {
      // æ¡Œæ©Ÿè£ç½®ç¸®å°åˆ°æ‰‹æŒè£ç½®å¤§å°
      // äº‹ä»¶åˆå§‹åŒ–
      $('.indexcut2item').off('mouseenter');
      $('.indexcut2item').off('mouseleave');

      $('.indexcut2item').on('click', function () {
        // æ‰‹æŒè£…ç½®æ‰ä¼šå‡ºçŽ°
        if (isMobileDevice > 0 && isPopBlockShowed === 0) {
          isPopBlockShowed = 1;
          popIndexOfScreen = $('.indexcut2item').index($(this));
          showpopicon();
          if ($(this).children('.hidetext').css('display') === 'block') {
            // ..
          } else {
            $(this).children('.hidetext').fadeIn();
          }
        }
        return false;
      });

      $('.indexcut2item .hidetext .closeclick').on('click', function () {
        if (isMobileDevice > 0) {
          $(this).parents('.hidetext').fadeOut();
          $('#index2icon').hide();
          $('#index2icon span').removeClass('on');
          isPopBlockShowed = 0;
        }
        return false;
      });
      $('#index2icon span').on('click', function () {
        if (isScreenInMove === 0) {
          $('#index2icon').hide();
          const index = $('#index2icon span').index($(this));
          isScreenInMove = 1;
          inSlide(index);
        }
        return false;
      });
    }
  }